/*
 * Common Styles for buttons and other widgets.
 * 
 */

a.button, input[type='submit'].button, .okBtn {
    /*  TODO-JR: I temporarily added the legacy .okBtn and .cancelBtn classes here (formerly defined in lipstick.css) as I move the deprecated class instances over to .button.  
        This was to prevent a raft of bug reports on unstyled okBtn instances! 
        Will be corrected by end of 1202. 
    */

    display: inline-block;
    /* Colors */
    color: #aaa;
    background-color: #e7e7e7;

    /* Bounding area */
    border: 1px solid #b5b5b5;
    padding: 3px 10px 3px 7px;

    /* Style the text */
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0px 1px 0px #ffffff;
    text-decoration: none;
    text-align: center;
    line-height: 14px;

    /* Don't allow select */
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select: none;

    /* Border radius */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    /* Box shadow */
    -webkit-box-shadow: inset 0px 1px #ffffff;
    -moz-box-shadow: inset 0px 1px #ffffff;
    box-shadow: inset 0px 1px #ffffff;

    cursor: pointer;
}

a.button:hover {
    color: #aaa;
    text-decoration: none;
}

a.button:before, input[type='submit'].button:before {
    content: ".";
    visibility: hidden;
}

a.button.gradient, input[type='submit'].button.gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
    background: -moz-linear-gradient(center top, #efefef, #d8d8d8);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#d8d8d8' );
    /*background-image: linear-gradient(#efefef, #d8d8d8);*/
}

a.button.big, input[type='submit'].button.big {
    font-size: 12px;
    padding: 6px 10px 6px 7px;
    line-height: 16px;
}

a.button[href]:hover, input[type='submit'].button:hover, .okBtn:hover {
    border: 1px solid #8d8d8d;
}

a.button[href], input[type='submit'].button, .okBtn {
    color: #444;
}

a.button[href]:active, input[type='submit'].button:active, a.button[href].menuOpen, .okBtn:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#d5d5d5));
    background: -moz-linear-gradient(center top, #e7e7e7, #d5d5d5);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#d5d5d5' );
    border: 1px solid #bfbfbf;
    border-top: 1px solid #656565;
    webkit-box-shadow: inset 0px -1px rgba(255,255,255,0.6);
    -moz-box-shadow: inset 0px -1px rgba(255,255,255,0.6);
    box-shadow: inset 0px -1px rgba(255,255,255,0.6);
    color: #444;
}

a.button.menu {
    padding-right: 8px;
}

a.button.menu:after {
    content: ' \25BC';
}

/* Green button use for follows & create new */
a.button.green, input[type='submit'].button.green {
    color: #FFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#8bc434), to(#599e26));
    background: -moz-linear-gradient(center top, #8bc434, #599e26);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc434', endColorstr='#599e26' );
    border: 1px solid #558730;
    -webkit-box-shadow: inset 0 1px #d7ebb8;
    -moz-box-shadow: inset 0 1px #d7ebb8;
    box-shadow: inset 0 1px #d7ebb8;
    text-shadow: 0 -1px 0 #558730;
}

a.button.green:hover, input[type='submit'].button.green:hover {
    border: 1px solid #1b3309;
}

a.button.green:active, input[type='submit'].button.green:active {
    background: #599e26;
    border: 1px solid #558730;
    border-top: 1px solid #1b3309;
    -webkit-box-shadow: inset 0 -1px rgba(255,255,255,0.6);
    -moz-box-shadow: inset 0 -1px rgba(255,255,255,0.6);
    box-shadow: inset 0 -1px rgba(255,255,255,0.6);
    color: #FFF;
}

/* Cancel Link */
.cancel-button, .cancelBtn {
    color: #3689DA;
    background-color: transparent;
    padding: 3px 10px;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 11px;
    text-decoration: none;
    line-height: normal;
    cursor: pointer;
}
.cancel-button:hover, .cancelBtn:hover {
    text-decoration: underline;
}
.cancel-button.disabled, .cancel-button.disabled:hover, .cancelBtn.disabled, .cancelBtn.disabled:hover {
    color: #bebdbd;
    text-decoration: none;
    cursor: default;
}